<%--
  Created by IntelliJ IDEA.
  User: junbb
  Date: 2017/3/24
  Time: 14:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
    <meta charset="UTF-8">
    <title>微博</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script src="js/index.js"></script>



    <script type="text/javascript">
        // 第一步：页面渲染完之后，请求后台，获取学生数据，加载学生信息
        // 第二步：下拉加载更多数据的功能
        var url = "findAllWeiBo"; // 请求获取数据的url  （跳转到控制器）
        var totalPage = 1; //一共有多少页数据
        var pageSize = 15; // 每页显示30条数据
        var currentPage = 1; // 当前第几页数据，默认为1
        var isLoading = false; // 是否正在加载更多的数据

        // 页面渲染完之中执行的代码
        $(function(){
            // 绑定事件，监听滚动条下拉的动作
            bindScrollEvent();

            // 请求后台，加载请求的列表信息
            queryStudent(1);
        });

        function queryForm(){

            // 绑定事件，监听滚动条下拉的动作
            bindScrollEvent();

            // 清空学生的数据
            $("#studentDataBody").html("");

            // 清空学生为空的提示信息
            $("#emptyInfo").html("");

            // 查询学生
            queryStudent(1);
        }


        //请求后台，加载请求的列表信息
        function queryStudent(pageNum){

            if(pageNum > totalPage){
                $("#emptyInfo").html("没有更多的学生数据了......");
                $(window).unbind("scroll");
            }
            if(isLoading){
                return;
            }else{
                isLoading = true; // 修改状态为正在加载数据
            }
            // 进行post请求
            $.post(url,{"pageSize":pageSize,"pageNum":pageNum},function(data){
                // 加载请求的列表信息
                totalPage = data.totalPage; // 一共有多少页数据
                currentPage = data.currentPage; // 获取当前第几页数据
                var weiBoList = data.dataList; // 学生记录信息
                if(totalPage == 0){
                    $("#emptyInfo").html("没有更多的学生数据了......");
                }
                //加载学生的数据
                showStudentData(weiBoList);

                isLoading = false;
            },"json");
        }
        function timeStamp2String(time){
            var datetime = new Date();
            datetime.setTime(time);
            var year = datetime.getFullYear();
            var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
            var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
            var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
            var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
            var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
            return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
        }

        //打印请求的列表的数据;
        function showStudentData(weiBoList){
            var studentDataHtml = "";
            $.each(weiBoList,function(idx, obj){
                var time=timeStamp2String(obj.wbtime);
                studentDataHtml += "  <img class='user_mess_tx' src='images/toux.jpg' alt='' title=''>" ;
                studentDataHtml += "<div class='user_mess_mz'>" ;
                studentDataHtml += "<span>三明学院表白墙</span>" ;
                studentDataHtml += "<em><img src='images/hg.png' alt='' title='' style='margin-left:6px;'></em>" ;
                studentDataHtml += "<em><img src='images/qq.png' alt='' title=''></em>" ;
                studentDataHtml += "<em></em> </div>" ;

                studentDataHtml += "<div class='user_mess_min'><span>"+ time+"</span><span>来自iPhone6s</span></div>";

                studentDataHtml += "<div class='user_contmess'> "+ obj.wbcontent+"<br>" ;
                studentDataHtml += " <div>"+obj.wbpicture+"</div></div>";

                studentDataHtml += "<div class='user_down'> <ul> <li class='shoucang' style='border-right: 1px solid #ccc;'><img src='images/shoucang.png' alt=''title=''><span>收藏</span></li>";



                studentDataHtml += "<li class='zhuanfas' style='border-right: 1px solid #ccc;'><img src='images/zhuanfa.png' alt=''title=''><span>转发</span></li>" ;
                studentDataHtml += "<li class='pinlun' style='border-right: 1px solid #ccc;'><img src='images/pinlun.png' alt=''title=''><span>0</span></li>" ;
                studentDataHtml += " <li class='zan'><img src='images/zan.png' alt='' title=''><span>0</span></li> </ul> </div>" ;




            });
            $(".user_mess_fb").append(studentDataHtml);
        }

        function bindScrollEvent(){
            // 添加滚动监听事件
            $(window).scroll( function() {
                var docHeight = $(document).height(); // 获取整个页面的高度
                var winHeight = $(window).height(); // 获取当前窗体的高度
                var winScrollHeight = $(window).scrollTop(); // 获取滚动条滚动的距离
                if(docHeight -30 <= winHeight + winScrollHeight){
                    // 加载更多的学生数据
                    queryStudent(currentPage+1);
                }

            } );
        }

    </script>

</head>
<body>
<form action="addWeiBo" method="post" enctype="multipart/form-data">
<div id="wps">
</div>
<div id="wps_zhuanfa">
    <div id="wps_zhuanfa_top">
        <h2>转发微博</h2>
        <span id="wps_zhuanfa_close">X</span>
    </div>
    <div id="wps_zhuanfa_cont">
        <img src="images/wps_zf.png" alt="" title="">
    </div>
    <div id="text">
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </div>
    <div id="wps_zhuanfa_foot">
        <img src="images/wps_zftwo.png" alt="" title="">
        <input id="wps_zfcont" type="button" name="" value="转发">
    </div>
</div>
<div id="wrap">
    <div id="dialog"></div>
    <div id="toplogo">
        <div id="cont">
            <a href="" title=""><span id="logoimg"><img src="images/logo.png" alt="" title=""></span></a>
            <div id="seach">
                <input type="text" name="" value="" placeholder="大家都在搜:又一个大国货币消失了">
                <img src="images/reseach.png" alt="" title=""
                     style="position: absolute;top: 10px;left: 570px;cursor: pointer;">
            </div>
            <div id="daohang">
                <ul>
                    <a href="###" title="">
                        <li><img src="images/li1.png" alt="" title=""><span style="color:orange;">首页</span></li>
                    </a>
                    <a href="javascript:void(0)" title="">
                        <li id="topshiping"><img src="images/li2.png" alt="" title=""><span>视频</span></li>
                    </a>
                    <a href="###" title="">
                        <li id="discover"><img src="images/li3.png" alt="" title=""><span>发现</span></li>
                    </a>
                    <a href="###" title="">
                        <li><img src="images/li4.png" alt="" title=""><span>游戏</span></li>
                    </a>
                    <a href="###" title="">
                        <li style="width: 105px;padding-right:20px;border-right:1px solid #696E78"><img
                                src="images/li5.png" alt="" title=""><span id="manuser">newlife小帅</span></li>
                    </a>
                    <li id="sixin" style="width:30px;margin-left:25px;"><img src="images/li6.png" alt="" title=""></li>
                    <li id="shezhi" style="width:30px;margin-left:10px"><img src="images/li7.png" alt="" title=""></li>
                    <li id="fabiao" style="width:30px;margin-left:10px"><img src="images/li8.png" alt="" title=""></li>
                </ul>
            </div>
            <div class="daohangxlk">
                <img src="images/jiantou.png" alt="" title="" style="position:absolute;top:-10px;left: 115px;">
                <ul>
                    <li style="line-height: 18px;">@我的</li>
                    <li id="tiaozhuanpl">评论</li>
                    <li>赞</li>
                    <li>私信</li>
                    <li>未关注人私信</li>
                    <li>群通知</li>
                    <li style="height:40px;text-align:center;line-height: 38px;padding-left: 0px;width: 150px;border-top: 1px solid #ccc;">
                        消息设置
                    </li>
                </ul>
            </div>
            <div class="daohangsz">
                <img src="images/jiantou.png" alt="" title="" style="position:absolute;top:-10px;left: 60px;">
                <ul>
                    <li id="zhanghaoshezhi" style="line-height: 20px;">账号设置</li>
                    <li><a href="weibo.html" title="">会员中心</a></li>
                    <li id="vrenzheng">V认证</li>
                    <li><a href="weibo.html" title="">账号安全</a></li>
                    <li><a href="weibo.html" title="">隐私设置</a></li>
                    <li><a href="weibo.html" title="">消息设置</a></li>
                    <li id="helpcenter">帮助中心</li>
                    <li style="width: 100px;height: 40px;line-height: 45px;padding-left: 0px;text-align: center;border-top: 1px solid #ccc;">
                        退出
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="fuwindow">
        <div id="resou">
            <ul>
                <li style="padding-left:16px;width:449px;color:orange;">查看完整热搜>></li>
                <li><span style="font-size:15px;color:red;">①</span>angelababy承认怀孕</li>
                <li><span style="font-size:15px;color:red;">②</span>老公为别的女人充4万</li>
                <li><span>③</span>所以 和黑粉结婚了</li>
                <li><span>④</span>五年前五年后的王俊凯</li>
                <li><span>⑤</span>张天爱幺鸡</li>
                <li><span>⑥</span>快乐大本营</li>
                <li><span>⑦</span>湖南一妈妈为让女儿脱单</li>
                <li><span>⑧</span>张靓颖冯轲结婚</li>
                <li><span>⑨</span>千万别让张艺兴带孩子</li>
                <li><span>⑩</span>金瓶梅在线观看</li>
            </ul>
        </div>
        <div id="time">
        </div>
    </div>
    <div id="midwebo">
        <div id="midleft">
            <ul>
                <li>首页</li>
                <li id="shoucang">我的收藏</li>
                <li style="border-bottom:1px solid #777F6A">我的赞</li>
                <li id="remenwebo" style="margin-top:15px;margin-bottom:15px;">热门微博</li>
                <li style="border-top:1px solid #777F6A">好友圈</li>
                <li>特别关注</li>
                <li>名人明星</li>
                <li>游戏</li>
                <li>演员</li>
                <li>大学</li>
            </ul>
        </div>
        <div id="midcont">
            <div id="deliver">
                <form action="addWeiBo" method="post" enctype="multipart/form-data">
                <img id="inp1" src="images/inp1.png" alt="" title=""><span id="tishi" style="display:none;">还可以输入<strong
                    id="okinpunum">140</strong>个字</span><span id="rewebo">美国大选再添戏剧性，川普曝出侮辱女性录音，被要求退选</span>
                <textarea name="wbcontent" id="wbcontent" class="inpcont"  cols="30" rows="10"></textarea>
                <div id="pic">
                    <ul>
                        <li id="biaoqing"><img src="images/bli1.png" alt="" title=""><span id="biaoqings">表情</span>
                            <div id="biaoq" style="display:none;">
                                <span id="closebq" style="float: right;margin-right: 10px;cursor: pointer;">X</span>
                                <img src="images/jiantou.png" alt="" title=""
                                     style="position:absolute;top:-10px;left: 24px;">
                                <ul>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/50/pcmoren_huaixiao_thumb.png"
                                            alt="" title="" value="[坏笑]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/5c/huanglianwx_thumb.gif"
                                            alt="" title="" value="[微笑]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/0b/tootha_thumb.gif"
                                            alt="" title="" value="[大笑]"></li>
                                    <li><img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6a/laugh.gif"
                                             alt="" title="" value="[哈哈]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/14/tza_thumb.gif"
                                            alt="" title="" value="[害羞]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/af/kl_thumb.gif"
                                            alt="" title="" value="[可怜]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/0b/wabi_thumb.gif"
                                            alt="" title="" value="[抠鼻]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/f4/cj_thumb.gif"
                                            alt="" title="" value="[惊讶]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6e/shamea_thumb.gif"
                                            alt="" title="" value="[可爱]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/c3/zy_thumb.gif"
                                            alt="" title="" value="[调皮]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/29/bz_thumb.gif"
                                            alt="" title="" value="[闭嘴]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/71/bs2_thumb.gif"
                                            alt="" title="" value="[鄙视]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6d/lovea_thumb.gif"
                                            alt="" title="" value="[爱你]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/9d/sada_thumb.gif"
                                            alt="" title="" value="[大哭]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/19/heia_thumb.gif"
                                            alt="" title="" value="[偷笑]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/8f/qq_thumb.gif"
                                            alt="" title="" value="[亲亲]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/b6/sb_thumb.gif"
                                            alt="" title="" value="[恐惧]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/58/mb_thumb.gif"
                                            alt="" title="" value="[好爽]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d9/landeln_thumb.gif"
                                            alt="" title="" value="[好吧]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/98/yhh_thumb.gif"
                                            alt="" title="" value="[右哼哼]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6d/zhh_thumb.gif"
                                            alt="" title="" value="[左哼哼]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/a6/x_thumb.gif"
                                            alt="" title="" value="[嘘]"></li>
                                    <li><img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/af/cry.gif"
                                             alt="" title="" value="[恐怖]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/73/wq_thumb.gif"
                                            alt="" title="" value="[委屈]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/9e/t_thumb.gif"
                                            alt="" title="" value="[呕吐]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/cc/haqianv2_thumb.gif"
                                            alt="" title="" value="[发困]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/27/bba_thumb.gif"
                                            alt="" title="" value="[戳戳]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/7c/angrya_thumb.gif"
                                            alt="" title="" value="[发怒]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/5c/yw_thumb.gif"
                                            alt="" title="" value="[什么？]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/a5/cza_thumb.gif"
                                            alt="" title="" value="[可口]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/70/88_thumb.gif"
                                            alt="" title="" value="[拜拜]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/e9/sk_thumb.gif"
                                            alt="" title="" value="[想想]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/24/sweata_thumb.gif"
                                            alt="" title="" value="[汗]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/kunv2_thumb.gif"
                                            alt="" title="" value="[好困]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/96/huangliansj_thumb.gif"
                                            alt="" title="" value="[大睡]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/90/money_thumb.gif"
                                            alt="" title="" value="[钱眼]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/0c/sw_thumb.gif"
                                            alt="" title="" value="[那好吧]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/cool_thumb.gif"
                                            alt="" title="" value="[酷]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/20/huanglianse_thumb.gif"
                                            alt="" title="" value="[好色]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/49/hatea_thumb.gif"
                                            alt="" title="" value="[瞧不起]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/36/gza_thumb.gif"
                                            alt="" title="" value="[鼓掌]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d9/dizzya_thumb.gif"
                                            alt="" title="" value="[晕倒]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/1a/bs_thumb.gif"
                                            alt="" title="" value="[委屈]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/62/crazya_thumb.gif"
                                            alt="" title="" value="[怒吼]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/91/h_thumb.gif"
                                            alt="" title="" value="[无语]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6d/yx_thumb.gif"
                                            alt="" title="" value="[奸笑]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/60/numav2_thumb.gif"
                                            alt="" title="" value="[大骂]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/89/hufen_thumb.gif"
                                            alt="" title="" value="[互粉]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/hearta_thumb.gif"
                                            alt="" title="" value="[爱心]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/ea/unheart.gif"
                                            alt="" title="" value="[心碎]"></li>
                                    <li><img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/58/pig.gif"
                                             alt="" title="" value="[猪头]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/6e/panda_thumb.gif"
                                            alt="" title="" value="[熊猫]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/81/rabbit_thumb.gif"
                                            alt="" title="" value="[兔子]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d6/ok_thumb.gif"
                                            alt="" title="" value="[ok]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d9/ye_thumb.gif"
                                            alt="" title="" value="[剪刀手]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d8/good_thumb.gif"
                                            alt="" title="" value="[牛]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/ae/buyao_org.gif"
                                            alt="" title="" value="[NO]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d0/z2_thumb.gif"
                                            alt="" title="" value="[厉害]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/come_thumb.gif"
                                            alt="" title="" value="[勾引]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d8/sad_thumb.gif"
                                            alt="" title="" value="[弱]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/7a/shenshou_thumb.gif"
                                            alt="" title="" value="[狗]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/60/horse2_thumb.gif"
                                            alt="" title="" value="[神马]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/15/j_thumb.gif"
                                            alt="" title="" value="[囧]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/bc/fuyun_thumb.gif"
                                            alt="" title="" value="[白云]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/1e/geiliv2_thumb.gif"
                                            alt="" title="" value="[给力]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/f2/wg_thumb.gif"
                                            alt="" title="" value="[群众]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/70/vw_thumb.gif"
                                            alt="" title="" value="[V5]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/9f/huatongv2_thumb.gif"
                                            alt="" title="" value="[麦霸]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/d9/lazhuv2_thumb.gif"
                                            alt="" title="" value="[蜡烛]"></li>
                                    <li><img
                                            src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3a/cakev2_thumb.gif"
                                            alt="" title="" value="[蛋糕]"></li>
                                </ul>
                            </div>
                        </li>
                        <li id="tup"><img src="images/bli2.png" alt="" title=""><span id="tups">图片</span>
                            <div id="tupian" style="display:none;">
                                <span id="closetp" style="float: right;margin-right: 10px;cursor: pointer;">X</span>
                                <img src="images/jiantou.png" alt="" title=""
                                     style="position:absolute;top:-10px;left: 80px;">
                                <ul>
                                    <li id="tuclick">单图/多图</li>
                                    <li>拼图</li>
                                    <li>截屏</li>
                                    <li>传至相册</li>
                                </ul>
                            </div>
                            <div id="xuantupian" style="display:none;">
                                <span id="xuanclosetp" style="float: right;margin-right: 10px;cursor: pointer;">X</span>
                                <img src="images/jiantou.png" alt="" title=""
                                     style="position:absolute;top:-10px;left: 80px;">
                                <ul>
                                    <li id="localImag"><span class="xuantu"><em>+</em>添加图片</span>

                                        <input type="file" name="files" id="doc" style="opacity:0;top: 76px;left: 35px;">
                                        <img src="" alt="" title="" style="width:120px;height:130px;">
                                    </li>

                                    </li>
                                    <li><span class="xuantu"><em>+</em>添加图片</span>
                                        <input type="file" name="files" style="opacity:0;top: 76px;left: 165px;">
                                        <img src="" alt="" title="" style="width:120px;height:130px;">
                                    </li>

                                    <li><span class="xuantu"><em>+</em>添加图片</span>
                                        <input type="file" name="files" style="opacity:0;top: 76px;left: 300px;">
                                        <img src="" alt="" title="" style="width:120px;height:130px;">
                                    </li>

                                </ul>
                            </div>
                        </li>
                        <li id="shiping" style="position:relative"><img src="images/bli3.png" alt="" title=""><span
                                id="shipings">视频</span>
                            <div id="xuanshiping"
                                 style="display:none;position: absolute;width: 160px;height: 67px;top: 32px;left: -61px;box-shadow: 5px 5px 5px #ccc;background: white;">
                                <span id="xuanspclosetp"
                                      style="float: right;margin-right: 10px;cursor: pointer;">X</span>
                                <img src="images/jiantou.png" alt="" title=""
                                     style="position:absolute;top:-10px;left: 80px;">
                                <ul>
                                    <li style="background-color: #F7F6F6;width: 130px;height: 26px;margin-top: 0px;">
                                        <span><em>+</em>添加视频</span><input id="shipinginp" type="file" name="tupianfile"
                                                                          style="position:absolute;opacity:0;top: 24px;left: 31px;">
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li id="huati"><img src="images/bli4.png" alt="" title=""><span>话题</span></li>
                        <li><img src="images/bli5.png" alt="" title=""><span>头条文章</span></li>
                        <li id="mores" style="margin-left:10px;"><img id="moreimg" src="images/bli6.png" alt=""
                                                                      title="">
                            <div id="more" style="display:none">
                                <ul>
                                    <li id="clicdianpin"><img src="images/dianp.png" alt="" title=""><span>点评</span>
                                    </li>
                                    <li><img src="images/dings.png" alt="" title=""><span>定时发</span></li>
                                    <li><img src="images/yiny.png" alt="" title=""><span>音乐</span></li>
                                    <li><img src="images/toup.png" alt="" title=""><span>投票</span></li>
                                    <li><img src="images/weig.png" alt="" title=""><span>微公益</span></li>
                                    <li><img src="images/ship.png" alt="" title=""><span>直播</span></li>
                                </ul>
                            </div>
                            <div id="dianpin" style="display:none;">
                                <span id="closedp" style="float: right;margin-right: 10px;cursor: pointer;">X</span>
                                <img src="images/jiantou.png" alt="" title=""
                                     style="position:absolute;top:-10px;left:375px;">
                                <h2 style="font-size: 16px;margin: 18px 0px 15px 18px;">热门电影:</h2>
                                <div id="neup">
                                    <input id="up" type="button" name="" value="↑">
                                    <input id="next" type="button" name="" value="↓">
                                </div>
                                <div id="dianying">
                                    <ul>
                                        <li>
                                            <img src="images/jinpotian.jpg" alt="" title="">
                                            <h2>惊破天</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">谢霆锋/刘青云/佟丽娅/范晓萱/</p>
                                        </li>
                                        <li>
                                            <img src="images/kingtoking.jpg" alt="" title="">
                                            <h2>王牌逗王牌</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">刘德华/黄晓明/王祖蓝/沈腾/胡然/徐冬冬</p>
                                        </li>
                                        <li>
                                            <img src="images/dajichuang.jpg" alt="" title="">
                                            <h2>封神传奇</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">梁家辉/范冰冰/黄晓明/李连杰/古天乐</p>
                                        </li>
                                        <li>
                                            <img src="images/dahuaxiyou.jpg" alt="" title="">
                                            <h2>大话西游3</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">莫文蔚/韩庚/唐嫣/吴京/谢楠</p>
                                        </li>
                                    </ul>
                                </div>
                                <div id="dianyings" style="display:none">
                                    <ul>
                                        <li>
                                            <img src="images/newjueji.jpg" alt="" title="">
                                            <h2>爵迹</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">吴亦凡/范冰冰/陈学冬/陈伟霆/</p>
                                        </li>
                                        <li>
                                            <img src="images/newallworld.jpg" alt="" title="">
                                            <h2>全世界</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">邓超/白百何/杨洋/张天爱/岳云鹏</p>
                                        </li>
                                        <li>
                                            <img src="images/meigonghe.jpg" alt="" title="">
                                            <h2>湄公河行动</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">彭于晏/冯文娟/吴旭东/武陵凯/张涵予</p>
                                        </li>
                                        <li>
                                            <img src="images/tegongyeye.jpg" alt="" title="">
                                            <h2>我的特工爷爷</h2><br>
                                            <p style="font-size:12px;text-indent:7px;">洪金宝/刘德华/朱雨辰/冯嘉怡/胡军</p>
                                        </li>
                                    </ul>
                                </div>
                                <div id="dianpin_other">
                                    <h2 style="font-size: 16px;margin: 4px 0px 15px 18px;">点评其他:</h2>
                                    <img src="images/yy.png" alt="" title=""><span>音乐</span>
                                    <img src="images/ds.png" alt="" title=""><span>读书</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="quanxian">
                    <select name="" id="admin">
                        <option value="">仅自己可见</option>
                        <option value="" selected>公开</option>
                        <option value="">好友圈</option>
                        <option value="">群可见</option>
                    </select>
                    <input type="submit" name="" value="发布" id="fabu_cont">
                </div>
            </div>
            <div class="choosecont">
                <ul>
                    <li id="chooseall">全部</li>
                    <li id="chooseyuan">原创</li>
                    <li id="choosetupian">图片</li>
                    <li>视频</li>
                    <li>音乐</li>
                    <li id="choosewen">文章</li>
                </ul>
                <input id="myfocuspeo" type="text" name="" value="" placeholder="搜索我关注人的微博"><img id="midsearch"
                                                                                                 src="images/seach.png"
                                                                                                 alt="" title="">
            </div>

            <div id="newcont"></div>
            <div class="othercont" >
                <img class="xiala" src="images/xiala.png" alt="" title=""
                     style="position: absolute;top: 25px;left: 540px;cursor:pointer;z-index: 15;">
                <div class="messdown" style="display:none;">
                    <ul>
                        <li>帮上头条</li>
                        <li>屏蔽</li>
                        <li class="canclefocus">取消关注</li>
                        <li class="deletecont">忽略此条</li>
                    </ul>
                </div>
                <div class="user_mess_fb">
                    <%--<c:forEach items="${weiBoList}" var="weiBoList">--%>
                    <%--<img class="user_mess_tx" src="images/toux.jpg" alt="" title="">--%>
                    <%--<div class="user_mess_mz">--%>
                        <%--<span>三明学院表白墙</span>--%>
                        <%--<em><img src="images/hg.png" alt="" title="" style="margin-left:6px;"></em>--%>
                        <%--<em><img src="images/qq.png" alt="" title=""></em>--%>
                        <%--<em></em>--%>
                    <%--</div>--%>
                    <%--<div class="user_mess_min"><span><fmt:formatDate value="${weiBoList.wbtime}" dateStyle="default" pattern="yyyy-MM-dd hh:mm:ss"></fmt:formatDate></span><span>来自iPhone6s</span></div>--%>
                        <%--<div class="user_contmess">--%>
                                <%--${weiBoList.wbcontent}<br>--%>
                                <%--<div>--%>
                                        <%--${weiBoList.wbpicture}--%>
                                <%--</div>--%>

                        <%--</div>--%>

                    <%--<div class="user_down">--%>
                        <%--<ul>--%>
                            <%--<li class="shoucang" style="border-right: 1px solid #ccc;"><img src="images/shoucang.png" alt=""--%>
                                                                                            <%--title=""><span>收藏</span></li>--%>
                            <%--<li class="zhuanfas" style="border-right: 1px solid #ccc;"><img src="images/zhuanfa.png" alt=""--%>
                                                                                            <%--title=""><span>转发</span></li>--%>
                            <%--<li class="pinlun" style="border-right: 1px solid #ccc;"><img src="images/pinlun.png" alt=""--%>
                                                                                          <%--title=""><span>0</span></li>--%>
                            <%--<li class="zan"><img src="images/zan.png" alt="" title=""><span>0</span></li>--%>
                        <%--</ul>--%>
                    <%--</div>--%>
                    <%--</c:forEach>--%>
                </div>

                <div class="user_contimg">
                </div>


                <div class="jiazaiqu" style="display:none;">
                    <div>
                        <img src="images/toux.jpg" alt="" title=""
                             style="position:relative;width: 30px;height: 30px;top: 10px;left: 26px;">
                        <input class="cont_pinlun_text" type="text" name="" value=""
                               style="width:500px;height:20px;margin:30px 0px 5px 40px;">
                        <span style="margin: 18px 0px 0px 73px;"><img src="images/bli1.png" alt="" title=""
                                                                      style="margin-right: 7px;"><img
                                src="images/bli2.png" alt="" title=""></span>
                        <span style="position: relative;top: -5px;left: 5px;"><input type="checkbox" name="" value=""
                                                                                     style="position:relative;top:1px;">同时转发到我的微博</span>
                        <input class="cont_pinlun" type="button" name="" value="评论"
                               style="position:relative;top:-5px;left: 243px;width:62px;height:26px;background:#ffc09f;border-radius:5px;border:0px;color:white;cursor:pointer;">
                    </div>
                    <div class="pinlunqu">
                        <ul class="pinluntop">
                            <li>全部</li>
                            <li>热门</li>
                            <li>认证用户</li>
                            <li style="border:0px">我关注的人</li>
                            <span style="float: right; font-size: 10px;">共<span>0</span>条</span>
                        </ul>
                        <ul class="pinluncont">
                            <li style="display:none">
                                <img class="touxiang" src="" alt="" title=""
                                     style="width:40px;height:40px;border-radius:40px;float:left; margin-right: 12px;">
                                <div class="pinluncont_name_img">
                                    <span style="padding-right:10px;color:#EB8E8D">三明学院表白墙</span>
                                    <em><img src="images/hg.png" alt="" title=""></em>
                                    <em><img src="images/qq.png" alt="" title=""></em><span>:</span>
                                </div>
                                <p>表白墙问下三明哪里有移动中心…来学校开通的校园套餐改了归属地，在国庆节那天正式开始使用，结果我的卡变成了仅限厦门市思明区有信号的卡了
                                    现在人在学校手机完全不能打电话给家里…</p>
                                <div class="pinluntime" style="margin: -6px 0px 7px 44px;color:orange">
                                    <span>49分钟前</span><span>来自iPhone6s</span></div>
                            </li>
                            <h2>查看全部评论>></h2>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <div id="midright">
            <div id="faceimg">
                <img src="images/user.jpg" alt="" title="">
                <div id="toux"><img src="images/toux.jpg" alt="" title=""></div>
                <div id="usermess">
                    <span style="cursor:pointer;text-align:center;margin-left: 10px;width: 70px;height: 16px;overflow: hidden;">newlife小帅</span>
                    <em><img src="images/hg.png" alt="" title="" style="margin-left:0px;cursor:pointer;"></em>
                    <em><img src="images/qq.png" alt="" title="" style="cursor:pointer;"></em>
                    <em><img src="images/dj.png" alt="" title=""
                             style="position: absolute;top: 3px;left: 126px;cursor:pointer;"></em>
                </div>
                <div id="count">
                    <strong style="border-right:1px solid #D9D9D9">100</strong>
                    <strong style="border-right:1px solid #D9D9D9">110</strong>
                    <strong>10</strong><br>
                    <span style="border-right:1px solid #D9D9D9">关注</span>
                    <span style="border-right:1px solid #D9D9D9">粉丝</span>
                    <span>微博</span>
                </div>
            </div>
            <div id="faceimg2">
                <h2 style="font-size: 14px;margin-left: 20px;">微博电影热议榜</h2>
                <ul style="clear:both;">
                    <li><span class="dengji">①</span><span class="yinname"
                                                           style="color:#000000;font-size:14px">湄公河行动</span><em>99.9</em>
                    </li>
                    <li><span class="dengji">②</span><span class="yinname"
                                                           style="color:#000000;font-size:14px">从你的世界路过</span><em>88.8</em>
                    </li>
                    <li style="display:none;"><span class="dengji">③</span><span class="yinname"
                                                                                 style="color:#000000;font-size:14px">爵迹</span><em>77.7</em>
                    </li>
                    <li id="replacedy" style="display:block;clear:both;height:80px;"><img src="images/jueji.jpg" alt=""
                                                                                          title=""
                                                                                          style="float:left;width:80px;height:80px;border-radius:80px;"><span
                            class="dengjis">③</span><span class="yinnames"
                                                          style="color:#000000;font-size:14px">爵迹</span><br><span
                            style="position: relative;top: -26px;left: 10px;font-size: 10px;color: #333;">导演:刘群华</span><br><span
                            style="position: relative; top: -53px;left: 90px;font-size: 10px;color: #333;">主演:范冰冰 吴亦凡</span>
                    </li>
                </ul>
                <h2 style="float: left;margin-top: 2px;margin-left: 73px;font-size: 14px;color:#505050;cursor:pointer">
                    查看更多></h2>
            </div>
            <div id="faceimg3"></div>
            <div id="faceimg4">
                <div id="remen">
                    <h2 style="float: left;font-size: 17px;margin-left: 15px;">热门话题</h2>
                    <span id="rehuasty" style="position: relative;top: 15px;left: 85px;cursor:pointer;"><img src=""
                                                                                                             alt=""
                                                                                                             title="">换一换</span>
                </div>
                <div id="recount">
                    <ul>
                        <li>#结婚这件事#</li>
                        <em style="float: right;margin-top: -23px;margin-right: 104px;font-size: 10px;font-weight: bold;color: white;background: #03DE6B;">推荐</em>
                    </ul>
                    <h2 style="float: left;margin-top: -10px;margin-left: 73px;font-size: 15px;cursor:pointer">
                        查看更多></h2>
                </div>

            </div>
            <div id="faceimg5">
                <h2 style="font-size: 16px;margin-left: 14px;margin-bottom: 10px;">好友关注动态</h2>
                <ul>
                    <li style="border-top:1px solid #ccc">
                        <span>@邓超</span>也关注
                        <div><img src="images/img_fbb.jpg" alt="" title=""
                                  style="width:30px;height:30px;margin:20px 0px 0px 26px;"><span
                                style="    position: relative;top: -17px;left: -6px;">wuli范冰冰</span><br><span
                                style="position: relative;top: -19px;left: 50px;color:#333;">国内著名女星</span><span
                                class="foucs_star"
                                style="float:right;border:1px solid #ccc;color:#333;margin-top:-20px;"><em
                                style="color:orange;">+</em>关注</span></div>
                    </li>
                    <li>
                        <span>@解说苏小妍</span>也关注
                        <div><img src="images/img_shl.jpg" alt="" title=""
                                  style="width:30px;height:30px;margin:20px 0px 0px 26px;"><span
                                style="    position: relative;top: -17px;left: -6px;">孙红雷^</span><br><span
                                style="position: relative;top: -19px;left: 50px;color:#333;">极限挑战王者..</span><span
                                class="foucs_star"
                                style="float:right;border:1px solid #ccc;color:#333;margin-top:-20px;"><em
                                style="color:orange;">+</em>关注</span></div>
                    </li>
                    <li>
                        <span>@李易峰</span>也关注
                        <div><img src="images/img_lyf.jpg" alt="" title=""
                                  style="width:30px;height:30px;margin:20px 0px 0px 26px;"><span
                                style="    position: relative;top: -17px;left: -6px;">李易峰.</span><br><span
                                style="position: relative;top: -19px;left: 50px;color:#333;">人气偶像</span><span
                                class="foucs_star"
                                style="float:right;border:1px solid #ccc;color:#333;margin-top:-20px;"><em
                                style="color:orange;">+</em>关注</span></div>
                    </li>
                    <li>
                        <span>@金耳朵兔子</span>也关注
                        <div><img src="images/img_yy.jpg" alt="" title=""
                                  style="width:30px;height:30px;margin:20px 0px 0px 26px;"><span
                                style="    position: relative;top: -17px;left: -6px;">杨洋icon</span><br><span
                                style="position: relative;top: -19px;left: 50px;color:#333;">颜值爆棚小鲜肉</span><span
                                class="foucs_star"
                                style="float:right;border:1px solid #ccc;color:#333;margin-top:-20px;"><em
                                style="color:orange;">+</em>关注</span></div>
                    </li>
                </ul>
                <h2 style="float: left;margin-top: 6px;margin-left: 73px;font-size: 15px;color:#707070;cursor:pointer">
                    查看更多></h2>
            </div>
            <div id="faceimg6">
                <h2 style="font-size: 15px;padding-left: 16px;padding-bottom: 5px;margin-bottom: 10px;border-bottom: 1px solid #ccc;">
                    热门商品推荐</h2>
                <img src="images/lunbo1.png" alt="" title="" style="margin: 6px 0px 0px 24px;">
            </div>
            <div id="faceimg7">
                <h2 style="font-size: 15px;padding-left: 16px;padding-bottom: 5px;margin-bottom: 10px;border-bottom: 1px solid #ccc;">
                    公告栏</h2>
                <a href="" title=""><span>《全国辟谣平台》</span></a><br>
                <a href="" title=""><span>《首都互联网协议坚守底线倡议书》</span></a>

            </div>
            <div id="huitops">
                <img src="images/tops.png" alt="" title="">
            </div>
        </div>
    </div>
    <div id="footlogo"></div>
</div>
</form>
</body>
</html>
